<!-- 我的 -->
<template>
	<view style="background:linear-gradient(to right, #57a0f5,#78ccfb, #78ccf5)" :style="{paddingTop: meun.height + meun.top + 'px'}">
		<view style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding: 30rpx;">
			<!-- rgb(120,204,251) -->
			<image src="../../static/images/tu1.jpg" style="width: 120rpx;height: 120rpx;border-radius: 120rpx;" mode="aspectFill"></image>
			<view style="color: #fff;margin-left: 30rpx;">
				<view style="font-size: 34rpx;font-weight: 500;">
					爱吃鱼的猫
				</view>
				<view style="font-size: 22rpx;margin-top: 10rpx;letter-spacing: 1rpx;">
					这是您使用蓝海世界的第7天
				</view>
			</view>
		</view>
		
		<fui-list>
			<fui-list-cell arrow highlight @click="onNav(`/view/my/memberCentre`)">
				<image src="/static/images/BankCard.png" class="listIcon"></image>
				<text>会员中心</text>
			</fui-list-cell>
		
		</fui-list>
	</view>
</template>

<script setup>
	import { onMounted, ref } from "vue";
	// import { getMenuButtonBoundingClientRect } from "@dcloudio/uni-app";
	const meun = ref(null)
	onMounted(() => {
		meun.value = uni.getMenuButtonBoundingClientRect();
	})
	
	const onNav = (url) => {
		uni.navigateTo({
			url
		})
	}
</script>

<style lang="scss">
	.listIcon {
		width:40rpx;
		height:40rpx;
		margin-right:20rpx;
	}
</style>